<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // var h1ele = document.createElement('h1');
        // console.log(h1ele); // <h1></h1>
        // h1ele.style.color = 'orange';
        // h1ele.classList.add('kangbazi');
        // h1ele.innerHTML = '我是一级标题'
        // console.log(h1ele);

        // // 注意上面仅仅是创建  但是并没有显示在页面上 
        // // 等同于 定义一个函数 但是不调用   

        // var parentele = document.body;
        // parentele.appendChild(h1ele);
        // 把创建好的h1标签插入到 body中  


        // 创建文本节点  
        var textele = document.createTextNode('爱国爱劳动爱人民,拥护中国共产党');
        
        console.log(textele);


        var h2ele = document.createElement('h2');

        h2ele.appendChild(textele);

        console.log(h2ele);

        document.body.appendChild(h2ele);



    </script>
</body>
</html>